<div class="content">
  <div class="header">
    <div class="inputContainer" nz-row>
      <div class="input" nz-col nzSpan="22">
        <nz-input-group [nzSuffix]="suffixIconSearch">
          <input type="text" nz-input placeholder="Search for keyword..." [(ngModel)]="keyword" (keyup)="onSearch()"   style="background-color: #353c70;  color: #7B82B8;"/>
        </nz-input-group>
        <ng-template #suffixIconSearch>
          <i nz-icon type="search"></i>
        </ng-template>
      </div>
    </div>
  </div>
  <div class="table" nz-col nzSpan="22" id="drag">
    <nz-table #headerTable [nzData]="listOfData" [nzPageSize]="listOfData.length" [nzShowPagination]="false" [nzScroll]="{ y: '1.5rem' }">
      <thead>
        <tr class="tableHead">
          <th style="background-color: #2c3054; color: white;">{{"DisseminationManagement.MessageLibrary.ID" | translate}}</th>
          <th style="background-color: #2c3054; color: white;">{{"DisseminationManagement.MessageLibrary.Name" | translate}}</th>
          <th style="background-color: #2c3054; color: white;"></th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of headerTable.data" (mousedown)="clickTR(data)">
          <td>{{data.templateId}}</td>
          <td>{{ !isShowVietName?data.templateName:data.templateName }}</td>
          <td>
            <div style="width: 1.1rem;height:0.4rem">
              <!-- <itmp-thumbnail [title]="" [imgs]="data.templatePages[0].templateGraphics"></itmp-thumbnail> -->
              <img *ngIf="data.url" [src]="data.url" alt="" style="width: 100%;height: 100%;">
            </div>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>
</div>